<!-- 个人中心首页 -->
<template>
  <div class="personalPage">
    <NavBarHeader class='navBarHeader'></NavBarHeader>
    <div class="container">
      <LeftrNavBar :navBarIndex='navBarIndex'></LeftrNavBar>
    </div>
  </div>
</template>

<script >
import NavBarHeader from "../../../components/NavBarHeader";
import LeftrNavBar from './LeftNavBar'
export default {
// import引入的组件需要注入到对象中才能使用
components: {
  NavBarHeader,
  LeftrNavBar,
},
  data() {
 // 这里存放数据
    return {
      navBarIndex:this.$route.query.navBarIndex
    }
  },
// 过滤器
filters: {},
// 监听属性 类似于data概念
computed: {},
// 监控data中的数据变化
watch: {},
// 方法集合
methods: {},
// 生命周期 - 创建完成（可以访问当前this实例）
created() {
  
},
// 生命周期 - 挂载完成（可以访问DOM元素）
mounted() {},
beforeCreate() {}, // 生命周期 - 创建之前
beforeMount() {}, // 生命周期 - 挂载之前
beforeUpdate() {}, // 生命周期 - 更新之前
updated() {}, // 生命周期 - 更新之后
beforeDestroy() {}, // 生命周期 - 销毁之前
destroyed() {}, // 生命周期 - 销毁完成
ctivated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang='scss' scoped>
.navBarHeader{
  background: #1c1e2b;
  z-index: 1000;
}
.personalPage{
  width: 100%;
  background: #F0F2F5;
  padding-bottom: 20%;
}
.container{
  width: 1180px;
  margin: 0 auto 0 auto;
  padding-top: 30px;
  box-sizing: border-box;
  display: flex;
}
</style>
